<!DOCTYPE html>
<html>
	<head>


		<meta charset="utf-8">
		<title>考试系统</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<META HTTP-EQUIV="pragma" CONTENT="no-cache">
		<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<META HTTP-EQUIV="expires" CONTENT="0">

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="./css/bootstrap/bootstrap.css" />
		<link rel="stylesheet" href="./plugins/vant/index.css">
		<script src="plugins/jQuery/jquery.min.js"></script>
		<script src="plugins/bootstrap/bootstrap.js"></script>
		<script src="./plugins/axios/axios.min.js"></script>
		<script src="./plugins/vue/vue.js"></script>
		<script src="./plugins/vue/vue-cookies.js"></script>
		<script src="./plugins/vant/vant.min.js"></script>
		<script src="./js/common/public.js?v=0.8.0.3"></script>
	</head>
	<style type="text/css">
		.el-range-editor.el-input__inner {
			width: 200px;
		}

		.el-range-editor .el-range-input {
			width: 80px;
		}

		.el-form-item__healthstyle .el-form-item__label {
			width: 50%;
		}

		.el-form-item__workexperiencestyle .el-form-item__label {
			width: 50%;
		}

		.el-form-item__family .el-form-item__label {
			width: 50%;
		}

		.el-form-item__baseinfo .el-form-item__label {
			width: 50%;
		}

		.el-table .success-row {
			background: #f0f9eb;
		}
	</style>
	<body>
		<div id="app">
			<template>
				<div class="container">
					<form>
						<div class="col-sm-push-2 col-sm-8">
							<van-field v-model="achievementForm.identityCard" placeholder="请输入身份证号" label="身份证号" required>
							</van-field>
							<van-field v-model="achievementForm.name" placeholder="请输入姓名" label="姓名" required>
							</van-field>
							<div class="asbdy" v-for="(item ,index) in pageData" v-if="hidetimu==false">

								<div class="question" style="zoom:1;">
									<span class="num">{{(currentPage-1)*pageSize+index+1}}、</span>
									{{item.tiMu}}
									{{item.type=="单选"?' (单选题)':(item.type=="多选"? ' (多选题)':' (简答题)')}}
								</div>

								<div class="anser" style="zoom:1;">
									<ul>
										<li class="xuanXiang" v-for="(value,i) in item.xuanXiang" :class="{'double-line':false}">
											<div v-if="item.type=='单选'">
												<input type="radio" v-model="item.picked_radio" :name="'pickedd_' +((currentPage-1)*pageSize+index)" :id="'pickedd_' +((currentPage-1)*pageSize+index)+value.label"
												 v-bind:value="value.label" @change="doCheck(value,item,((currentPage-1)*pageSize+index))"/>
												<label :for="'pickedd_' +((currentPage-1)*pageSize+index)+value.label">{{value.label}}.{{value.text}}</label>

											</div>


											<div v-if="item.type=='多选'">
												<input type="checkbox" v-model="item.pickedMany" :name="'pickedd_' +((currentPage-1)*pageSize+index)" :id="'pickedd_' +((currentPage-1)*pageSize+index)+value.label"
												 v-bind:value="value.label" @change="doCheck(value,item,((currentPage-1)*pageSize+index))" />
												<label :for="'pickedd_' +((currentPage-1)*pageSize+index)+value.label">{{value.label}}.{{value.text}}</label>
											</div>
										</li>
									</ul>
								</div>


								<div class="clearfix" v-if="showrightchoose">
									<div v-if="item.isRight!=true">
									正确答案{{item.rightchoose}}
									</div>
									<div v-if="item.isRight==true">
									回答正确！
									
									
								</div>
							</div>


							<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
								<div class="modal-dialog">
									<div class="modal-content">
										<div class="modal-header">
											<h4 class="modal-title" id="myModalLabel">答题情况</h4>
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;
											</button>
										</div>

										<div class="modal-body">
											<ul class="modal-u">
												<li v-for="(item,index) in achievementForm.achievement">
													<span>
														第{{index+1}}题
													</span>
													<span v-if="item.isRight == undefined" v-show="!show_right_answer">
														未做
													</span>
													<span v-if="item.isRight != undefined" v-show="!show_right_answer">
														已做
													</span>
													<span v-if="item.isRight == true" v-show="show_right_answer">
														正确
													</span>
													<span v-else-if="item.isRight == false" v-show="show_right_answer">
														错误
													</span>
												</li>
												<van-cell title="总分" :label="achievementForm.totalScore"></van-cell>
												<van-cell title="通过分数" :label="achievementForm.passMark"></van-cell>
												<van-cell title="你的得分" :label="achievementForm.score"></van-cell>
												<van-cell title="是否通过" :label="achievementForm.score>=achievementForm.passMark? '通过':'未通过'"></van-cell>
											</ul>
										</div>
										<div class="clearfix"></div>
										<div class="modal-footer">
											<button type="button" class="btn btn-primary" style="width: 80px" @click="submit" :disabled="comfirm" v-show="!resetBtn">确认</button>
											<button type="button" class="btn btn-primary" style="width: 80px" @click="relink" v-show="resetBtn"
											 data-dismiss="modal">重做</button>
										
											
											<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
										</div>
									</div>

								</div>
							</div>
						</div>
						<div class="col-sm-offset-2 col-sm-8 dtbtn">
							<button type="button" class="btn btn-primary" style="width: 80px" :disabled="beforeDisable" @click="prev">上一题</button>
							<button type="button" class="btn btn-primary" style="width: 80px" :disabled="nextDisable" @click="next">下一题</button>
							<button type="button" class="btn btn-primary" style="width: 80px" @click="detail" data-toggle="modal"
							 data-target="#myModal" v-show="nextDisable==true" :disabled="answerDisable">答题状况</button>
							<button type="button" class="btn btn-primary" style="width: 80px" @click="reform" v-show="resetonBtn">重做</button>
						</div>
					</form>
				</div>

			</template>
		</div>
	</body>

	<script src="./js/examination.js"></script>

	</script>
</html>
